<template>
	<view class="tab-content" v-show="data.length">
		<view class="tabs">
			<view class="left">
				榜单推荐
			</view>
			<view class="right" @click="goPage('/pages/mutual/mutual')">
				<text class="iconfont icon-more"></text>
			</view>
		</view>
		<view class="short-tabs">
			<scroll-view scroll-x="true" :cancelable="false" class="scrollView">
				<view class="short-tab" v-for="(item,index) in data"
				:key="index" @click="goPage('/pages/mutual/detail/detail?id='+item.id)">
					<view class="short-tab-item">
						<view class="title fex1">
							{{item.name}}
						</view>
						<view class="avatar">
							<image :src="item.avatar" mode=""></image>
						</view>
						<view class="moeny">
							<text class="txt">赏金</text>
							<text>{{item.price}}</text>
						</view>
					</view>
				</view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	export default{
		name:"BlockRewords",
		props:{
			data:{
				type: [Array],
				default () {
					return []
				}
			}
		},
		methods:{
			goPage(url){
				uni.navigateTo({
					url:url
				})
			},
		}
	}
</script>

<style scoped lang="less" src="./BlockRewords.less">
</style>
